
//基础组件库
export default [{
  "label": '图表',
  "icon": 'el-icon-s-data',
  "children": [{
    "label": '通用型',
    "option": {
      "name": "通用型",
      "title": "通用型",
      "icon": 'icon-bar',
      "img": require('../assets/text5.png'),
      "dataType": 0,
      "dataMethod": 'get',
      "data": {
        "categories": [
          "苹果",
          "三星",
          "小米",
          "oppo",
          "vivo"
        ],
        "series": [{
          "name": "手机品牌",
          "data": [
            1000879,
            3400879,
            2300879,
            5400879,
            3400879
          ]
        }]
      },
      "echartFormatter": "(data)=>{return {\n            title: {\n\t\t\t\t textStyle: {\n\t\t\t\t\tfontWeight: 'normal',      \n\t\t\t\t\tcolor: '#fff'\n\t\t\t\t},\n                text: 'ECharts 入门示例'\n            },\n            tooltip: {},\n            legend: {\n                data:['销量'],\n\t\t\t\ttextStyle: {\n\t\t\t\t\tfontWeight: 'normal',      \n\t\t\t\t\tcolor: '#fff'\n\t\t\t\t},\n            },\n            xAxis: {\n                data: [\"衬衫\",\"羊毛衫\",\"雪纺衫\",\"裤子\",\"高跟鞋\",\"袜子\"]\n            },\n            yAxis: {},\n            series: [{\n                name: '销量',\n                type: 'bar',\n                data: [5, 20, 36, 10, 10, 20]\n            }]\n        };\n}",
      "time": 5000,
      "component": {
        "width": 600,
        "height": 300,
        "name": "common",
        "prop": "common",
      },
    }
  }, {
    label: '自定义',
    option: {
      "name": "自定义",
      "title": "自定义",
      "icon": 'icon-bar',
      "img": require('../assets/text4.png'),
      "data": [],
      "dataFormatter": "",
      "component": {
        "width": 350,
        "height": 200,
        "name": "test",
        "prop": "test",
      },
      "option": {
        "fontSize": 20,
      }
    }
  }, {
    label: '自定义Vue组件',
    option: {
      name: "自定义Vue组件",
      title: "自定义Vue组件",
      icon: 'icon-bar',
      img: require('../assets/text4.png'),
      dataType: 0,
      data: {
        name: "avue"
      },
      dataFormatter: "",
      stylesFormatter: "",
      component: {
        width: 500,
        height: 300,
        name: "vue",
        prop: "vue",
      },
      option: {
        f_Content: "<template>\n    <div class=\"test\">\n        <h1 @click=\"handleClick\">{{dataChart}}</h1>\n    </div>\n</template>\n<script>\nexport default{\n    data(){\n        return{\n            \n        }\n    },\n    created(){\n        console.log(this.$parent);\n    },\n    methods:{\n        handleClick(){\n            this.$message.success(this.dataChart.name)\n        }\n    }\n}\n</script>\n<style>\n    .test{\n        text-align:center;\n        color:red;\n        font-size:40px;\n    }\n</style>"
      }
    }
  },{
    "label": '柱形图',
    "option": {
      "name": "柱状图",
      "title": "柱状图",
      "icon": 'icon-bar',
      "img": require('../assets/bar.png'),
      "dataType": 0,
      "dataMethod": 'get',
      "data": {
        "categories": [
          "苹果",
          "三星",
          "小米",
          "oppo",
          "vivo"
        ],
        "series": [{
          "name": "手机品牌",
          "data": [
            1000879,
            3400879,
            2300879,
            5400879,
            3400879
          ]
        }]
      },
      "dataFormatter": "",
      "time": 5000,
      "component": {
        "width": 600,
        "height": 300,
        "name": "bar",
        "prop": "bar",
      },
      "option": {
        "gridX": 90,
        "gridY": 0,
        "gridX2": 0,
        "gridY2": 0,
        "legend": true,
        "nameColor": "#eee",
        "lineColor": "#eee",
        "xNameFontSize": 16,
        "yNameFontSize": 16,
        "labelShow": true,
        "labelShowColor": '#fff',
        "labelShowFontSize": 14,
        "labelShowFontWeight": 300,
        "yAxisInverse": false,
        "xAxisInverse": false,
        "xAxisShow": true,
        "yAxisShow": true,
        "xAxisSplitLineShow": false,
        "yAxisSplitLineShow": false,
        "barWidth": 30,
        "barRadius": 8,
        "barColor": [{
          "color1": "#83bff6",
          "color2": "#188df0",
          "postion": 90,
          "$index": 0,
          "_show": true
        }, {
          "color1": "#23B7E5",
          "color2": "#564AA3",
          "postion": 50,
          "$index": 1,
          "_show": true
        }],
        "barMinHeight": 2
      }
    }
  }, {
    "label": '折线图',
    "option": {
      "name": "折线图",
      "title": "折线图",
      "icon": 'icon-line',
      "img": require('../assets/line.png'),
      "dataType": 0,
      "dataMethod": 'get',
      "data": {
        "categories": [
          "苹果",
          "三星",
          "小米",
          "oppo",
          "vivo"
        ],
        "series": [{
          "name": "手机品牌",
          "data": [
            1000879,
            3400879,
            2300879,
            5400879,
            3400879
          ]
        }]
      },
      "dataFormatter": "",
      "time": 5000,
      "component": {
        "width": 600,
        "height": 300,
        "name": "line",
        "prop": "line",
      },
      "option": {
        "gridX": 90,
        "gridY": 0,
        "gridX2": 0,
        "gridY2": 0,
        "nameColor": "#eee",
        "lineColor": "#eee",
        "lineWidth": 5,
        "xNameFontSize": 16,
        "yNameFontSize": 16,
        "labelShow": false,
        "labelShowFontSize": 14,
        "labelShowFontWeight": 300,
        "yAxisInverse": false,
        "xAxisInverse": false,
        "xAxisShow": true,
        "yAxisShow": true,
        "xAxisSplitLineShow": false,
        "yAxisSplitLineShow": false,
        "barWidth": 30,
        "barRadius": 8,
        "barColor": [{
          "color1": "#83bff6",
          "color2": "#188df0",
          "postion": 90,
          "$index": 0,
          "_show": true
        }, {
          "color1": "#23B7E5",
          "color2": "#564AA3",
          "postion": 50,
          "$index": 1,
          "_show": true
        }],
        "barMinHeight": 2
      }
    }
  }, {
    label: '饼图',
    option: {
      "name": "饼图",
      "title": "饼图",
      "icon": 'icon-pie',
      "img": require('../assets/pie.png'),
      "dataType": 0,
      "dataMethod": 'get',
      "time": 5000,
      "data": [{
        "name": "苹果",
        "value": 1000879,
        "url": "http://www.baidu.com"
      }, {
        "name": "三星",
        "value": 3400879,
        "url": "http://www.baidu.com"
      }, {
        "name": "小米",
        "value": 2300879,
        "url": "http://www.baidu.com"
      }, {
        "name": "oppo",
        "value": 5400879,
        "url": "http://www.baidu.com"
      }, {
        "name": "大疆",
        "value": 3000,
        "url": "http://www.baidu.com"
      }, {
        "name": "抖音",
        "value": 2000,
        "url": "http://www.baidu.com"
      }],
      "dataFormatter": "",
      "resize": false,
      "component": {
        "width": 600,
        "height": 300,
        "name": "pie",
        "prop": "pie",
      },
      "option": {
        "legend": true,
        "labelShow": true,
        "barColor": [
          {
            "color1": "#83bff6"
          },
          {
            "color1": "#23B7E5"
          },
          {
            "color1": "rgba(154, 168, 212, 1)"
          },
          {
            "color1": "#188df0"
          },
          {
            "color1": "#564AA3"
          }
        ]
      }
    }
  }, {
    label: '象形图',
    option: {
      "title": "象形图",
      "name": "象形图",
      "icon": "icon-pictorialBar",
      "img": require('../assets/bar2.png'),
      "dataType": 0,
      "dataMethod": 'get',
      "time": 5000,
      "data": [{
        "name": "苹果",
        "value": 1000879,
      }, {
        "name": "三星",
        "value": 3400879,
      }, {
        "name": "小米",
        "value": 2300879,
      }, {
        "name": "oppo",
        "value": 5400879,
      }, {
        "name": "大疆",
        "value": 3000,
      }, {
        "name": "抖音",
        "value": 2000,
      }],
      "dataFormatter": "",
      "component": {
        "width": 600,
        "height": 300,
        "name": "pictorialbar",
        "prop": "pictorialbar",
      },
      "option": {
        symbolSize: 30,
        split: 30,
        symbol: '',
        fontSize: '24',
        xAxisShow: false,
        yAxisShow: true,
        color: '#4dffff',
        nameColor: '#564AA3',
        xNameFontSize: '24',
        yNameFontSize: '24',
      }
    }
  }, {
    label: '雷达图',
    option: {
      "title": "雷达图",
      "name": "雷达图",
      "icon": "icon-radar",
      "img": require('../assets/radar.png'),
      "dataType": 0,
      "dataMethod": 'get',
      "time": 5000,
      "data": {
        indicator: [{
          name: '销售',
          max: 6500
        },
        {
          name: '管理',
          max: 16000
        },
        {
          name: '信息技术',
          max: 30000
        },
        {
          name: '客服',
          max: 38000
        },
        {
          name: '研发',
          max: 52000
        },
        {
          name: '市场',
          max: 25000
        }
        ],
        series: [{
          data: [{
            value: [4300, 10000, 28000, 35000, 50000, 19000],
            name: '预算分配（Allocated Budget）'
          },
          {
            value: [5000, 14000, 28000, 31000, 42000, 21000],
            name: '实际开销（Actual Spending）'
          }
          ]
        }]
      },
      "dataFormatter": "",
      "component": {
        "width": 970,
        "height": 400,
        "name": "radar",
        "prop": "radar",
      },
      "option": {
        width: '100%',
        height: 600,
        titleShow: true,
        title: '各部门开销',
        subtext: '最近一个月',
        titleColor: '#666',
        tipBackgroundColor: 'rgba(50,50,50,0.7)',
        tipColor: "#fff",
        shape: 'polygon',
        radius: "75%",
        splitNumber: 4,
        radarNameColor: '#fff',
        radarNameSize: 18,
        titleFontSize: 18,
        areaOpacity: 0.3,
        legend: true,
        labelShow: true,
        "barColor": [{
          "color1": "#564AA3",
        },
        {
          "color1": "#188df0",
        }
        ]
      },
    }
  }, {
    label: '散点图',
    option: {
      "title": "散点图",
      "name": "散点图",
      "icon": "icon-scatter",
      "img": require('../assets/scatter.png'),
      "dataType": 0,
      "dataMethod": 'get',
      "time": 5000,
      "data": [{
        "data": [
          [1, 8.04],
          [2, 6.95]
        ]
      },
      {
        "data": [
          [1, 4.04],
          [2, 3.95]
        ]
      }],
      "dataFormatter": "",
      "component": {
        "width": 600,
        "height": 300,
        "name": "scatter",
        "prop": "scatter",
      },
      "option": {
        lineSize: 25,
        barColor: [{
          postion: 0.2,
          color1: '#91c7ae'
        },
        {
          postion: 0.8,
          color1: '#63869e'
        },
        {
          postion: 1,
          color1: '#c23531'
        }]
      }
    }
  }, {
    label: '漏斗图',
    option: {
      "title": "漏斗图",
      "name": "漏斗图",
      "icon": "icon-funnel",
      "img": require('../assets/funnel.png'),
      "dataType": 0,
      "dataMethod": 'get',
      "time": 5000,
      "data": [{
        value: 335,
        name: '直接访问'
      },
      {
        value: 310,
        name: '邮件营销'
      },
      {
        value: 234,
        name: '联盟广告'
      }],
      "dataFormatter": "",
      "component": {
        "width": 400,
        "height": 300,
        "name": "funnel",
        "prop": "funnel",
      },
      "option": {
        radius: true,
        "barColor": [{
          "color1": "#83bff6",
        },
        {
          "color1": "#23B7E5",
        },
        {
          "color1": "rgba(154, 168, 212, 1)",
        },
        {
          "color1": "#188df0",
        },
        {
          "color1": "#564AA3",
        }
        ]
      }
    }
  }, {
    label: '地图',
    option: {
      "name": "地图",
      "title": "地图",
      "icon": "icon-map",
      "img": require('../assets/map.png'),
      "data": [],
      "dataFormatter": "",
      "component": {
        "width": 800,
        "height": 500,
        "name": "map",
        "prop": "map",
      },
      "option": {
        "borderWidth": 1,
        "scale": 87,
        "type": 0,
        "borderColor": "#0dffff",
        "areaColor": "#061d33",
        "banner": true,
        "bannerTime": 3000,
        "fontSize": 14,
        "zoom": 0.4,
        "empAreaColor": "rgba(35, 183, 229, 0.42)",
        "empColor": "#fff",
        "color": "rgba(13, 255, 255, 1)",
      }
    },
  },{
    label: '定时器',
    option: {
      name: "定时器",
      title: "定时器",
      icon: 'icon-datetime',
      img: require('../assets/time.png'),
      echartFormatter: "(refs)=>{\n    console.log(refs)\n}",
      component: {
        width: 100,
        height: 100,
        name: 'time',
        prop: 'time',
      },
      option: {
        rotateX: 0,
        rotateY: 0,
        rotateZ: 0,
        scale: 1,
        animateValue: '',
        time: 0
      }
    }
  },{
    label: '滚动排名',
    option: {
      'name': "滚动排名",
      'title': "滚动排名",
      'icon': "icon-datav",
      'img': require('../assets/table1.gif'),
      'dataType': 0,
      'data': [
        {
          name: "周口",
          value: 55
        },
        {
          name: "南阳",
          value: 120
        },
        {
          name: "西峡",
          value: 78
        },
        {
          name: "驻马店",
          value: 66
        },
        {
          name: "新乡",
          value: 80
        },
        {
          name: "信阳",
          value: 45
        },
        {
          name: "漯河",
          value: 29
        }
      ],
      'dataFormatter': "",
      'echartFormatter': "(data)=>{\n  return {\n    config:{\n\t    data: data,\n      //carousel: 'page',\n      valueFormatter ({ value }) {\n        return value+'单位'\n      }\n\t}\n  }\n}",
      'component': {
        'width': 652.35,
        'height': 248.45,
        'name': "scrollrank",
        'prop': "scrollrank"
      },
      'option': {
        rotateX: 0,
        rotateY: 0,
        rotateZ: 0,
        scale: 1,
        animateValue: '',
        is: "dv-scroll-ranking-board"
      }
    }
  },{
    label: '胶囊排名',
    option: {
      'name': "胶囊排名",
      'title': "胶囊排名",
      'icon': "icon-scrollrank",
      'img': require('../assets/table2.png'),
      'dataType': 0,
      'data': [
        {
          name: "周口",
          value: 55
        },
        {
          name: "南阳",
          value: 120
        },
        {
          name: "西峡",
          value: 78
        },
        {
          name: "驻马店",
          value: 66
        },
        {
          name: "新乡",
          value: 80
        },
        {
          name: "信阳",
          value: 45
        },
        {
          name: "漯河",
          value: 29
        }
      ],
      'dataFormatter': "",
      'echartFormatter': "(data)=>{\n  return {\n    config:{\n\t    data: data,\n      colors: ['#e062ae', '#fb7293', '#e690d1', '#32c5e9', '#96bfff'],\n      unit: '单位',\n      showValue: true\n\t  }\n  }\n}",
      'component': {
        'width': 652.35,
        'height': 248.45,
        'name': "scrollrank",
        'prop': "scrollrank"
      },
      'option': {
        rotateX: 0,
        rotateY: 0,
        rotateZ: 0,
        scale: 1,
        animateValue: '',
        is: "dv-capsule-chart"
      }
    }
  },{
    'label': '锥形柱图',
    'option': {
      'name': "锥形柱图",
      'title': "锥形柱图",
      'icon': 'icon-datav',
      'img': require('../assets/conicalchart.png'),
      'dataType': 0,
      'data': [
        {
          name: '周口',
          value: 55
        },
        {
          name: '南阳',
          value: 120
        },
        {
          name: '西峡',
          value: 71
        },
        {
          name: '驻马店',
          value: 66
        },
        {
          name: '新乡',
          value: 80
        },
        {
          name: '信阳',
          value: 35
        },
        {
          name: '漯河',
          value: 15
        }
      ],
      'dataFormatter': "",
      'echartFormatter': "(data)=>{\n  return {\n    config:{\n      data:data,\n      img: [\n        '/img/conicalColumnChart/1st.png',\n        '/img/conicalColumnChart/2st.png',\n        '/img/conicalColumnChart/3st.png',\n        '/img/conicalColumnChart/4st.png',\n        '/img/conicalColumnChart/5st.png',\n        '/img/conicalColumnChart/6st.png',\n        '/img/conicalColumnChart/7st.png'\n      ],\n      showValue: true\n    }\n  }\n}",
      'component': {
        'width': 549.18,
        'height': 262.98,
        'name': "scrollrank",
        'prop': "scrollrank"
      },
      'option': {
        rotateX: 0,
        rotateY: 0,
        rotateZ: 0,
        scale: 1,
        animateValue: '',
        is: 'dv-conical-column-chart'
      }
    }
  },{
    label: '动态环图',
    option: {
      name: "动态环图",
      title: "动态环图",
      icon: 'icon-datav',
      img: require('../assets/activechart.png'),
      dataType: 0,
      data: [
        {
          name: '周口',
          value: 55
        },
        {
          name: '南阳',
          value: 120
        },
        {
          name: '西峡',
          value: 78
        },
        {
          name: '驻马店',
          value: 66
        },
        {
          name: '新乡',
          value: 80
        }
      ],
      dataFormatter: "",
      echartFormatter: "(data)=>{\n  return {\n    config:{\n      radius: '40%',\n      activeRadius: '45%',\n      data: data,\n      digitalFlopStyle: {\n        fontSize: 20\n      },\n      showOriginValue: true\n    }\n  }\n}",
      component: {
        width: 949.32,
        height: 515.7,
        name: "scrollrank",
        prop: "scrollrank",
      },
      option: {
        rotateX: 0,
        rotateY: 0,
        rotateZ: 0,
        scale: 1,
        animateValue: '',
        is: 'dv-active-ring-chart'
      }
    }
  },{
    label: '水位图',
    option: {
      name: "水位图",
      title: "水位图",
      icon: 'icon-datav',
      img: require('../assets/waterpond.png'),
      dataType: 0,
      data: {
        value: 66
      },
      dataFormatter: "",
      // echartFormatter: "(data)=>{\n  return {\n    config:{\n\t    data: data.value,\n      shape: 'roundRect'\n\t  }\n  }\n}",
      component: {
        width: 150,
        height: 200,
        name: "pond",
        prop: "pond",
      },
      option: {
        is: 'dv-water-level-pond',
        rotateX: 0,
        rotateY: 0,
        rotateZ: 0,
        scale: 1,
        animateValue: '',
        shape: 'rect',
        colors: ['rgba(0, 206, 209, 1)', 'rgba(0, 186, 189, 1)'],
        waveNum: 3,
        waveHeight: 40,
        waveOpacity: 0.4,
        formatter: '%'
      }
    }
  }, {
    label: '进度池',
    option: {
      name: "进度池",
      title: "进度池",
      icon: 'icon-datav',
      img: require('../assets/percentpond.png'),
      dataType: 0,
      data: {
        value: 66
      },
      dataFormatter: "",
      //echartFormatter: "(data)=>{\n  return {\n    config:{\n      value: data.value,\n      borderWidth: 5,\n      borderRadius: 10,\n      borderGap: 5,\n      lineDash: [10, 2],\n      localGradient: true\n    }\n  }\n}",
      component: {
        width: 369,
        height: 153,
        name: "pond",
        prop: "pond",
      },
      option: {
        is: 'dv-percent-pond',
        rotateX: 0,
        rotateY: 0,
        rotateZ: 0,
        scale: 1,
        animateValue: '',
        colors: ['rgba(0, 206, 209, 1)', 'rgba(0, 186, 189, 1)'],
        borderWidth: 3,
        borderGap: 3,
        lineDash: [5, 1],
        textColor: '#fff',
        borderRadius: 5,
        localGradient: false,
        formatter: '%'

      }
    }
  },{
    label: '飞线图',
    option: {
      name: "飞线图",
      title: "飞线图",
      icon: 'icon-datav',
      img: require('../assets/flyline.png'),
      dataType: 0,
      data: {
        "points": [
          {
            name: "郑州",
            "coordinate": [
              0.48,
              0.35
            ],
            "halo": {
              "show": true
            },
            icon: {
              "src": "/img/flylineChart/mapCenterPoint.png",
              width: 30,
              height: 30
            },
            "text": {
              "show": false
            }
          },
          {
            name: "新乡",
            "coordinate": [
              0.52,
              0.23
            ]
          },
          {
            name: "焦作",
            "coordinate": [
              0.43,
              0.29
            ]
          },
          {
            name: "开封",
            "coordinate": [
              0.59,
              0.35
            ]
          },
          {
            name: "许昌",
            "coordinate": [
              0.53,
              0.47
            ]
          },
          {
            name: "平顶山",
            "coordinate": [
              0.45,
              0.54
            ]
          },
          {
            name: "洛阳",
            "coordinate": [
              0.36,
              0.38
            ]
          },
          {
            name: "周口",
            "coordinate": [
              0.62,
              0.55
            ],
            "halo": {
              "show": true,
              "color": "#8378ea"
            }
          },
          {
            name: "漯河",
            "coordinate": [
              0.56,
              0.56
            ]
          },
          {
            name: "南阳",
            "coordinate": [
              0.37,
              0.66
            ],
            "halo": {
              "show": true,
              "color": "#37a2da"
            }
          },
          {
            name: "信阳",
            "coordinate": [
              0.55,
              0.81
            ]
          },
          {
            name: "驻马店",
            "coordinate": [
              0.55,
              0.67
            ]
          },
          {
            name: "济源",
            "coordinate": [
              0.37,
              0.29
            ]
          },
          {
            name: "三门峡",
            "coordinate": [
              0.2,
              0.36
            ]
          },
          {
            name: "商丘",
            "coordinate": [
              0.76,
              0.41
            ]
          },
          {
            name: "鹤壁",
            "coordinate": [
              0.59,
              0.18
            ]
          },
          {
            name: "濮阳",
            "coordinate": [
              0.68,
              0.17
            ]
          },
          {
            name: "安阳",
            "coordinate": [
              0.59,
              0.1
            ]
          }
        ],
        "lines": [
          {
            "source": "新乡",
            "target": "郑州"
          },
          {
            "source": "焦作",
            "target": "郑州"
          },
          {
            "source": "开封",
            "target": "郑州"
          },
          {
            "source": "周口",
            "target": "郑州",
            "color": "#fb7293",
            width: 2
          },
          {
            "source": "南阳",
            "target": "郑州",
            "color": "#fb7293",
            width: 2
          },
          {
            "source": "济源",
            "target": "郑州"
          },
          {
            "source": "三门峡",
            "target": "郑州"
          },
          {
            "source": "商丘",
            "target": "郑州"
          },
          {
            "source": "鹤壁",
            "target": "郑州"
          },
          {
            "source": "濮阳",
            "target": "郑州"
          },
          {
            "source": "安阳",
            "target": "郑州"
          },
          {
            "source": "许昌",
            "target": "南阳",
            "color": "#37a2da"
          },
          {
            "source": "平顶山",
            "target": "南阳",
            "color": "#37a2da"
          },
          {
            "source": "洛阳",
            "target": "南阳",
            "color": "#37a2da"
          },
          {
            "source": "驻马店",
            "target": "周口",
            "color": "#8378ea"
          },
          {
            "source": "信阳",
            "target": "周口",
            "color": "#8378ea"
          },
          {
            "source": "漯河",
            "target": "周口",
            "color": "#8378ea"
          }
        ]
      },
      "lines": [
        {
          "source": "新乡",
          "target": "郑州"
        },
        {
          "source": "焦作",
          "target": "郑州"
        },
        {
          "source": "开封",
          "target": "郑州"
        },
        {
          "source": "周口",
          "target": "郑州",
          "color": "#fb7293",
          width: 2
        },
        {
          "source": "南阳",
          "target": "郑州",
          "color": "#fb7293",
          width: 2
        },
        {
          "source": "济源",
          "target": "郑州"
        },
        {
          "source": "三门峡",
          "target": "郑州"
        },
        {
          "source": "商丘",
          "target": "郑州"
        },
        {
          "source": "鹤壁",
          "target": "郑州"
        },
        {
          "source": "濮阳",
          "target": "郑州"
        },
        {
          "source": "安阳",
          "target": "郑州"
        },
        {
          "source": "许昌",
          "target": "南阳",
          "color": "#37a2da"
        },
        {
          "source": "平顶山",
          "target": "南阳",
          "color": "#37a2da"
        },
        {
          "source": "洛阳",
          "target": "南阳",
          "color": "#37a2da"
        },
        {
          "source": "驻马店",
          "target": "周口",
          "color": "#8378ea"
        },
        {
          "source": "信阳",
          "target": "周口",
          "color": "#8378ea"
        },
        {
          "source": "漯河",
          "target": "周口",
          "color": "#8378ea"
        }
      ],
      dataFormatter: "",
      component: {
        width: 949.32,
        height: 515.7,
        name: "flyline",
        prop: "flyline",
      },
      option: {
        is: 'dv-flyline-chart-enhanced',
        rotateX: 0,
        rotateY: 0,
        rotateZ: 0,
        scale: 1,
        animateValue: '',
        bgImgSrc: '',
        relative: true,
        halo: {
          show: false,
          duration: {
            x: 20,
            y: 30
          },
          color: '#fb7293',
          radius: 120
        },
        text: {
          show: false,
          offset: {
            x: 0,
            y: 15
          },
          color: '#ffdb5c',
          fontSize: 12
        },
        icon: {
          show: false,
          src: '',
          width: 15,
          height: 15
        },
        line: {
          width: 1,
          color: '#ffde93',
          orbitColor: 'rgba(103,224,227,.2)',
          duration: {
            x: 20,
            y: 30
          },
          radius: 100,
          curvature: 5,
          k: -0.5,
        }
      }
    }
  },
]
}, {
  "label": '文字',
  "icon": 'el-icon-document',
  "children": [{
    "label": '文本框',
    "option": {
      "title": "文本框",
      "name": "文本框",
      "icon": 'icon-text',
      "img": require('../assets/text.png'),
      "dataType": 0,
      "dataFormatter": "",
      "data": {
        value: '文本框'
      },
      "component": {
        "width": 100,
        "height": 40,
        "name": "text",
        "prop": "text"
      },
      "option": {
        "textAlign": "center",
        "fontSize": 26,
        "fontWeight": "normal",
        "color": "#fff"
      },
    },
  }, {
    "label": '跑马灯',
    "option": {
      "title": "跑马灯",
      "name": "跑马灯",
      "icon": 'icon-scroll',
      "img": require('../assets/text2.png'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "data": {
        value: "跑马灯"
      },
      "dataFormatter": "",
      "component": {
        "width": 100,
        "height": 50,
        "name": "text",
        "prop": "text"
      },
      "option": {
        scroll: true,
        speed: 70,
        "textAlign": "center",
        "fontSize": 26,
        "fontWeight": "normal",
        "color": "#fff"
      },
    },
  }, {
    "label": '超链接',
    "option": {
      "title": "超链接",
      "name": "超链接",
      "icon": 'icon-link',
      "img": require('../assets/text3.png'),
      "top": 0,
      "left": 0,
      "data": {
        "value": "超链接"
      },
      "dataFormatter": "",
      "component": {
        "width": 100,
        "height": 50,
        "name": "text",
        "prop": "text"
      },
      "option": {
        link: true,
        linkHref: '',
        linkTarget: '_self',
        "textAlign": "center",
        "fontSize": 26,
        "fontWeight": "normal",
        "color": "#fff"
      },
    },
  }, {
    "label": '实时时间',
    "option": {
      "name": "实时时间",
      "title": "实时时间",
      "icon": 'icon-datetime',
      "img": require('../assets/datetime.png'),
      "top": 78,
      "left": 1604,
      "component": {
        "width": 250,
        "height": 50,
        "name": "datetime",
        "prop": "datetime",
      },
      "option": {
        "format": 'yyyy-MM-dd hh:mm:ss',
        "color": "#fff",
        'textAlign': 'left',
        "fontSize": 24,
        "fontWeight": "normal"
      }
    },
  }]
}, {
  "label": '媒体',
  "icon": 'el-icon-picture-outline',
  "children": [{
    "label": '图片',
    "option": {
      "title": "图片",
      "name": "图片",
      "icon": 'icon-img',
      "img": require('../assets/img.png'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "data": {
        value: ''
      },
      "dataFormatter": "",
      "component": {
        "width": 140,
        "height": 140,
        "name": "img",
        "prop": "img",
      },
      "option": {
        duration: '1000',
      }
    }
  }, {
    "label": '图片框',
    "option": {
      "title": "图片框",
      "name": "图片框",
      "icon": 'icon-img',
      "img": require('../assets/imgborder.png'),
      "top": 0,
      "left": 0,
      "component": {
        "width": 140,
        "height": 140,
        "name": "imgborder",
        "prop": "imgborder",
      },
      "option": {
        backgroundColor: 'rgba(180, 181, 198, 0.1)',
      }
    }
  }, {
    label: '轮播图',
    option: {
      "title": "轮播图",
      "name": "轮播图",
      "icon": 'icon-banner',
      "img": require('../assets/swiper.png'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "dataMethod": 'get',
      "time": 5000,
      "data": [
        {
          value: 'https://img.alicdn.com/tfs/TB1v28TC8v0gK0jSZKbXXbK2FXa-1880-640.jpg',
        }, {
          value: 'https://img.alicdn.com/tfs/TB1uevcCrj1gK0jSZFuXXcrHpXa-1880-640.jpg',
        }],
      "dataFormatter": "",
      "component": {
        "width": 670,
        "height": 370,
        "name": "swiper",
        "prop": "swiper"
      },
      "option": {
        type: '',
        interval: 5000,
        opacity: 100,
        indicator: 'none'
      },
    }
  }, {
    label: 'iframe',
    option: {
      "title": "iframe",
      "name": "iframe",
      "icon": 'icon-iframe',
      "img": require('../assets/iframe.png'),
      "top": 0,
      "left": 0,
      "component": {
        "width": 670,
        "height": 370,
        "option": {},
        "name": "iframe",
        "prop": "iframe"
      },
      "option": {},
      "dataType": 0,
      "data": {
        value: ''
      },
      "dataFormatter": ""
    }
  }, {
    label: 'video',
    option: {
      "title": "video",
      "name": "video",
      "icon": 'icon-video',
      "img": require('../assets/video.png'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "data": {
        value: 'http://www.w3school.com.cn/i/movie.ogg'
      },
      "option": {},
      "dataFormatter": "",
      "component": {
        "width": 670,
        "height": 370,
        "option": {},
        "name": "video",
        "prop": "video"
      },
    }
  }]
}, {
  "label": '边框',
  "icon": 'el-icon-full-screen',
  "children": [
    {
      "label": '边框1',
      "option": {
        "title": "边框1",
        "name": "边框",
        "icon": 'icon-img',
        "img": require('../assets/border1.gif'),
        "top": 0,
        "left": 0,
        "dataType": 0,
        "dataFormatter": "",
        "component": {
          "width": 480,
          "height": 220,
          "name": "border",
          "prop": "border",
        },
        "option": {
          duration: '3',
          mainColor: 'rgba(131, 191, 246, 1)',
          subColor: 'rgba(0, 206, 209, 1)',
          borderValue: 1,
          rotateX: 0,
          rotateY: 0,
          rotateZ: 0,
          scale: 1,
          animateValue: ''
        }
      }
    },{
    "label": '边框2',
    "option": {
      "title": "边框2",
      "name": "边框",
      "icon": 'icon-img',
      "img": require('../assets/border2.png'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "dataFormatter": "",
      "component": {
        "width": 480,
        "height": 220,
        "name": "border",
        "prop": "border",
      },
      "option": {
        duration: '3',
        mainColor: 'rgba(131, 191, 246, 1)',
        subColor: 'rgba(0, 206, 209, 1)',
        borderValue: 2,
        rotateX: 0,
        rotateY: 0,
        rotateZ: 0,
        scale: 1,
        animateValue: ''
      }
    }
  },{
    "label": '边框3',
    "option": {
      "title": "边框3",
      "name": "边框",
      "icon": 'icon-img',
      "img": require('../assets/border3.png'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "dataFormatter": "",
      "component": {
        "width": 480,
        "height": 220,
        "name": "border",
        "prop": "border",
      },
      "option": {
        duration: '3',
        mainColor: 'rgba(131, 191, 246, 1)',
        subColor: 'rgba(0, 206, 209, 1)',
        borderValue: 3,
        rotateX: 0,
        rotateY: 0,
        rotateZ: 0,
        scale: 1,
        animateValue: ''
      }
    }
  },{
    "label": '边框4',
    "option": {
      "title": "边框4",
      "name": "边框",
      "icon": 'icon-img',
      "img": require('../assets/border4.png'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "dataFormatter": "",
      "component": {
        "width": 480,
        "height": 220,
        "name": "border",
        "prop": "border",
      },
      "option": {
        duration: '3',
        mainColor: 'rgba(131, 191, 246, 1)',
        subColor: 'rgba(0, 206, 209, 1)',
        borderValue: 4,
        rotateX: 0,
        rotateY: 0,
        rotateZ: 0,
        scale: 1,
        animateValue: ''
      }
    }
  },{
    "label": '边框5',
    "option": {
      "title": "边框5",
      "name": "边框",
      "icon": 'icon-img',
      "img": require('../assets/border5.png'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "dataFormatter": "",
      "component": {
        "width": 480,
        "height": 220,
        "name": "border",
        "prop": "border",
      },
      "option": {
        duration: '3',
        mainColor: 'rgba(131, 191, 246, 1)',
        subColor: 'rgba(0, 206, 209, 1)',
        borderValue: 5,
        rotateX: 0,
        rotateY: 0,
        rotateZ: 0,
        scale: 1,
        animateValue: ''
      }
    }
  },
  {
    "label": '边框6',
    "option": {
      "title": "边框6",
      "name": "边框",
      "icon": 'icon-img',
      "img": require('../assets/border6.png'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "dataFormatter": "",
      "component": {
        "width": 480,
        "height": 220,
        "name": "border",
        "prop": "border",
      },
      "option": {
        duration: '3',
        mainColor: 'rgba(131, 191, 246, 1)',
        subColor: 'rgba(0, 206, 209, 1)',
        borderValue: 6,
        rotateX: 0,
        rotateY: 0,
        rotateZ: 0,
        scale: 1,
        animateValue: ''
      }
    }
  },
  {
    "label": '边框7',
    "option": {
      "title": "边框7",
      "name": "边框",
      "icon": 'icon-img',
      "img": require('../assets/border7.png'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "dataFormatter": "",
      "component": {
        "width": 480,
        "height": 220,
        "name": "border",
        "prop": "border",
      },
      "option": {
        duration: '3',
        mainColor: 'rgba(131, 191, 246, 1)',
        subColor: 'rgba(0, 206, 209, 1)',
        borderValue: 7,
        rotateX: 0,
        rotateY: 0,
        rotateZ: 0,
        scale: 1,
        animateValue: ''
      }
    }
  },
  {
    "label": '边框8',
    "option": {
      "title": "边框8",
      "name": "边框",
      "icon": 'icon-img',
      "img": require('../assets/border8.gif'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "dataFormatter": "",
      "component": {
        "width": 480,
        "height": 220,
        "name": "border",
        "prop": "border",
      },
      "option": {
        duration: '3',
        mainColor: 'rgba(131, 191, 246, 1)',
        subColor: 'rgba(0, 206, 209, 1)',
        borderValue: 8,
        rotateX: 0,
        rotateY: 0,
        rotateZ: 0,
        scale: 1,
        animateValue: ''
      }
    }
  },
  {
    "label": '边框9',
    "option": {
      "title": "边框9",
      "name": "边框",
      "icon": 'icon-img',
      "img": require('../assets/border9.png'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "dataFormatter": "",
      "component": {
        "width": 480,
        "height": 220,
        "name": "border",
        "prop": "border",
      },
      "option": {
        duration: '3',
        mainColor: 'rgba(131, 191, 246, 1)',
        subColor: 'rgba(0, 206, 209, 1)',
        borderValue: 9,
        rotateX: 0,
        rotateY: 0,
        rotateZ: 0,
        scale: 1,
        animateValue: ''
      }
    }
  },
  {
    "label": '边框10',
    "option": {
      "title": "边框10",
      "name": "边框",
      "icon": 'icon-img',
      "img": require('../assets/border10.png'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "dataFormatter": "",
      "component": {
        "width": 480,
        "height": 220,
        "name": "border",
        "prop": "border",
      },
      "option": {
        duration: '3',
        mainColor: 'rgba(131, 191, 246, 1)',
        subColor: 'rgba(0, 206, 209, 1)',
        borderValue: 10,
        rotateX: 0,
        rotateY: 0,
        rotateZ: 0,
        scale: 1,
        animateValue: ''
      }
    }
  },
  {
    "label": '边框11',
    "option": {
      "title": "边框11",
      "name": "边框",
      "icon": 'icon-img',
      "img": require('../assets/border11.png'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "dataFormatter": "",
      "component": {
        "width": 480,
        "height": 220,
        "name": "border",
        "prop": "border",
      },
      "option": {
        duration: '3',
        mainColor: 'rgba(131, 191, 246, 1)',
        subColor: 'rgba(0, 206, 209, 1)',
        borderValue: 11,
        rotateX: 0,
        rotateY: 0,
        rotateZ: 0,
        scale: 1,
        animateValue: '',
        title: 'border-box-11',
        titleWidth: 250,
        // fontSize: 16,
        // titleColor: 'rgba(0,0,0,1)'
      }
    }
  },
  {
    "label": '边框12',
    "option": {
      "title": "边框12",
      "name": "边框",
      "icon": 'icon-img',
      "img": require('../assets/border12.png'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "dataFormatter": "",
      "component": {
        "width": 480,
        "height": 220,
        "name": "border",
        "prop": "border",
      },
      "option": {
        duration: '3',
        mainColor: 'rgba(131, 191, 246, 1)',
        subColor: 'rgba(0, 206, 209, 1)',
        borderValue: 12,
        rotateX: 0,
        rotateY: 0,
        rotateZ: 0,
        scale: 1,
        animateValue: ''
      }
    }
  }]
},{
  "label": '装饰',
  "icon": 'el-icon-brush',
  "children": [
    {
      "label": '装饰1',
      "option": {
        "title": "装饰1",
        "name": "装饰",
        "icon": 'icon-img',
        "img": require('../assets/decorate1.gif'),
        "top": 0,
        "left": 0,
        "dataType": 0,
        "dataFormatter": "",
        "component": {
          "width": 400,
          "height": 60,
          "name": "decoration",
          "prop": "decoration",
        },
        "option": {
          duration: '3',
          mainColor: 'rgba(131, 191, 246, 1)',
          subColor: 'rgba(0, 206, 209, 1)',
          borderValue: 1,
          rotateX: 0,
          rotateY: 0,
          rotateZ: 0,
          scale: 1,
          animateValue: ''
        }
      }
    },{
    "label": '装饰2',
    "option": {
      "title": "装饰2",
      "name": "装饰",
      "icon": 'icon-img',
      "img": require('../assets/decorate2.gif'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "dataFormatter": "",
      "component": {
        "width": 400,
        "height": 60,
        "name": "decoration",
        "prop": "decoration",
      },
      "option": {
        duration: '3',
        mainColor: 'rgba(131, 191, 246, 1)',
        subColor: 'rgba(0, 206, 209, 1)',
        borderValue: 2,
        rotateX: 0,
        rotateY: 0,
        rotateZ: 0,
        scale: 1,
        animateValue: ''
      }
    }
  },{
    "label": '装饰3',
    "option": {
      "title": "装饰3",
      "name": "装饰",
      "icon": 'icon-img',
      "img": require('../assets/decorate3.gif'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "dataFormatter": "",
      "component": {
        "width": 400,
        "height": 60,
        "name": "decoration",
        "prop": "decoration",
      },
      "option": {
        duration: '3',
        mainColor: 'rgba(131, 191, 246, 1)',
        subColor: 'rgba(0, 206, 209, 1)',
        borderValue: 3,
        rotateX: 0,
        rotateY: 0,
        rotateZ: 0,
        scale: 1,
        animateValue: ''
      }
    }
  },{
    "label": '装饰4',
    "option": {
      "title": "装饰4",
      "name": "装饰",
      "icon": 'icon-img',
      "img": require('../assets/decorate4.gif'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "dataFormatter": "",
      "component": {
        "width": 480,
        "height": 220,
        "name": "decoration",
        "prop": "decoration",
      },
      "option": {
        duration: '3',
        mainColor: 'rgba(131, 191, 246, 1)',
        subColor: 'rgba(0, 206, 209, 1)',
        borderValue: 4,
        rotateX: 0,
        rotateY: 0,
        rotateZ: 0,
        scale: 1,
        animateValue: ''
      }
    }
  },{
    "label": '装饰5',
    "option": {
      "title": "装饰5",
      "name": "装饰",
      "icon": 'icon-img',
      "img": require('../assets/decorate5.png'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "dataFormatter": "",
      "component": {
        "width": 400,
        "height": 60,
        "name": "decoration",
        "prop": "decoration",
      },
      "option": {
        duration: '3',
        mainColor: 'rgba(131, 191, 246, 1)',
        subColor: 'rgba(0, 206, 209, 1)',
        borderValue: 5,
        rotateX: 0,
        rotateY: 0,
        rotateZ: 0,
        scale: 1,
        animateValue: ''
      }
    }
  },
  {
    "label": '装饰6',
    "option": {
      "title": "装饰6",
      "name": "装饰",
      "icon": 'icon-img',
      "img": require('../assets/decorate6.gif'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "dataFormatter": "",
      "component": {
        "width": 400,
        "height": 60,
        "name": "decoration",
        "prop": "decoration",
      },
      "option": {
        duration: '3',
        mainColor: 'rgba(131, 191, 246, 1)',
        subColor: 'rgba(0, 206, 209, 1)',
        borderValue: 6,
        rotateX: 0,
        rotateY: 0,
        rotateZ: 0,
        scale: 1,
        animateValue: ''
      }
    }
  },
  {
    "label": '装饰7',
    "option": {
      "title": "装饰7",
      "name": "装饰",
      "icon": 'icon-img',
      "img": require('../assets/decorate7.png'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "dataFormatter": "",
      "component": {
        "width": 400,
        "height": 60,
        "name": "decoration",
        "prop": "decoration",
      },
      "option": {
        duration: '3',
        mainColor: 'rgba(131, 191, 246, 1)',
        subColor: 'rgba(0, 206, 209, 1)',
        borderValue: 7,
        rotateX: 0,
        rotateY: 0,
        rotateZ: 0,
        scale: 1,
        animateValue: '',
        content: ''
      }
    }
  },
  {
    "label": '装饰8',
    "option": {
      "title": "装饰8",
      "name": "装饰",
      "icon": 'icon-img',
      "img": require('../assets/decorate8.png'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "dataFormatter": "",
      "component": {
        "width": 400,
        "height": 60,
        "name": "decoration",
        "prop": "decoration",
      },
      "option": {
        duration: '3',
        mainColor: 'rgba(131, 191, 246, 1)',
        subColor: 'rgba(0, 206, 209, 1)',
        borderValue: 8,
        rotateX: 0,
        rotateY: 0,
        rotateZ: 0,
        scale: 1,
        animateValue: ''
      }
    }
  },
  {
    "label": '装饰9',
    "option": {
      "title": "装饰9",
      "name": "装饰",
      "icon": 'icon-img',
      "img": require('../assets/decorate9.gif'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "dataFormatter": "",
      "component": {
        "width": 200,
        "height": 200,
        "name": "decoration",
        "prop": "decoration",
      },
      "option": {
        duration: '3',
        mainColor: 'rgba(131, 191, 246, 1)',
        subColor: 'rgba(0, 206, 209, 1)',
        borderValue: 9,
        rotateX: 0,
        rotateY: 0,
        rotateZ: 0,
        scale: 1,
        animateValue: ''
      }
    }
  },
  {
    "label": '装饰10',
    "option": {
      "title": "装饰10",
      "name": "装饰",
      "icon": 'icon-img',
      "img": require('../assets/decorate10.png'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "dataFormatter": "",
      "component": {
        "width": 400,
        "height": 60,
        "name": "decoration",
        "prop": "decoration",
      },
      "option": {
        duration: '3',
        mainColor: 'rgba(131, 191, 246, 1)',
        subColor: 'rgba(0, 206, 209, 1)',
        borderValue: 10,
        rotateX: 0,
        rotateY: 0,
        rotateZ: 0,
        scale: 1,
        animateValue: ''
      }
    }
  },
  {
    "label": '装饰11',
    "option": {
      "title": "装饰11",
      "name": "装饰",
      "icon": 'icon-img',
      "img": require('../assets/decorate11.png'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "dataFormatter": "",
      "component": {
        "width": 400,
        "height": 60,
        "name": "decoration",
        "prop": "decoration",
      },
      "option": {
        duration: '3',
        mainColor: 'rgba(131, 191, 246, 1)',
        subColor: 'rgba(0, 206, 209, 1)',
        borderValue: 11,
        rotateX: 0,
        rotateY: 0,
        rotateZ: 0,
        scale: 1,
        animateValue: '',
        content: ''
      }
    }
  },
  {
    "label": '装饰12',
    "option": {
      "title": "装饰12",
      "name": "装饰",
      "icon": 'icon-img',
      "img": require('../assets/decorate12.gif'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "dataFormatter": "",
      "component": {
        "width": 200,
        "height": 200,
        "name": "decoration",
        "prop": "decoration",
      },
      "option": {
        duration: '3',
        mainColor: 'rgba(131, 191, 246, 1)',
        subColor: 'rgba(0, 206, 209, 1)',
        borderValue: 12,
        rotateX: 0,
        rotateY: 0,
        rotateZ: 0,
        scale: 1,
        animateValue: ''
      }
    }
  }]
}, {
  "label": '指标',
  "icon": 'el-icon-menu',
  "children": [{
    "label": '翻牌器',
    "option": {
      "title": "翻牌器",
      "name": "翻牌器",
      "icon": 'icon-flop',
      "img": require('../assets/flop.png'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "data": {
        value: '12345'
      },
      "dataFormatter": "",
      "component": {
        "width": 300,
        "height": 100,
        "name": "flop",
        "prop": "flop",
      },
      "option": {
        "type": "img",
        "suffixText": "",
        "suffixTextAlign": "",
        "suffixSplit": '',
        "suffixColor": "",
        "suffixFontSize": '',
        "borderColor": "#fff",
        "borderWidth": 3,
        "backgroundBorder": "",
        "backgroundImage":'',
        "fontSize": 32,
        "fontWeight": "normal",
        "splitx": 0,
        "splity": 0,
        "backgroundColor": "",
        "color": "#fff"
      },
    }
  }, {
    "label": '颜色块',
    "option": {
      "title": "颜色块",
      "name": "颜色块",
      "icon": 'icon-flop',
      "img": require('../assets/flop2.png'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "data": [{
        "backgroundColor": '#67C23A',
        "prefixText": "某某某总人数",
        "value": '12345',
        "suffixText": '人',
      }, {
        "backgroundColor": '#409EFF',
        "prefixText": "某某某总人数",
        "value": '12345',
        "suffixText": '人',
      }, {
        "backgroundColor": '#E6A23C',
        "prefixText": "某某某总人数",
        "value": '12345',
        "suffixText": '人',
      }, {
        "backgroundColor": '#F56C6C',
        "prefixText": "某某某总人数",
        "value": '12345',
        "suffixText": '人',
      }, {
        "backgroundColor": '#7232dd',
        "prefixText": "某某某总人数",
        "value": '12345',
        "suffixText": '人',
      }, {
        "backgroundColor": 'blue',
        "prefixText": "某某某总人数",
        "value": '12345',
        "suffixText": '人',
      }],
      "dataFormatter": "",
      "component": {
        "width": 888,
        "height": 203,
        "name": "colorblock",
        "prop": "colorblock",
      },
      "option": {
        "span": 3,
        "decimals": 2,
        "whole": true,
        "padding": 12,
        "textAlign": 'left',
        "splity": 23,
        "splitx": 17,
        "fontSize": 28,
        "prefixSplity": 4,
        "prefixFontSize": 13,
        "backgroundColor": "#F56C6C",
        "suffixText": '人',
        "suffixInline": true,
        "suffixSplitx": 10,
        "suffixFontSize": 18,
      },
    }
  }, {
    "label": '环形图',
    "option": {
      "title": "环形图",
      "name": "环形图",
      "icon": 'icon-circle',
      "img": require('../assets/progress.png'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "data": {
        "label": "人数增涨",
        "value": 40,
        "data": 80
      },
      "dataFormatter": "",
      "component": {
        "width": 300,
        "height": 300,
        "name": "progress",
        "prop": "progress"
      },
      "option": {
        "type": "circle",
        "strokeWidth": 25,
        "color": "rgba(154, 168, 212, 1)",
        "fontSize": 40,
        "fontWeight": "normal",
        "suffixColor": "rgba(154, 168, 212, 1)",
        "suffixFontSize": 40,
        "suffixFontWeight": "normal",
        "borderColor": "#564AA3",
        "split": 20,
        "width": 400,
        "height": 80
      },
    }
  }, {
    "label": '进度条',
    "option": {
      "title": "进度条",
      "name": "进度条",
      "icon": 'icon-progress',
      "img": require('../assets/progress2.png'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "data": {
        "label": "人数增涨",
        "value": 40,
        "data": 80
      },
      "dataFormatter": "",
      "component": {
        "width": 400,
        "height": 80,
        "name": "progress",
        "prop": "progress"
      },
      "option": {
        "type": "line",
        "color": "#fff",
        "fontSize": 24,
        "suffixColor": "#fff",
        "strokeWidth": 18,
        "fontWeight": "normal",
        "borderColor": "#564AA3",
        "width": 400,
        "height": 80
      },
    }
  }, {
    label: '仪表盘',
    option: {
      "title": "仪表盘",
      "icon": 'icon-gauge',
      "img": require('../assets/gauge.png'),
      "name": "仪表盘",
      "dataType": 0,
      "dataMethod": 'get',
      "time": 5000,
      "data": {
        min: 1,
        max: 10,
        label: '名称',
        value: 4,
        unit: '%'
      },
      "dataFormatter": "",
      "component": {
        "width": 390,
        "height": 314,
        "name": "gauge",
        "prop": "gauge"
      },
      "option": {
        "lineSize": 15,
        "axisLabelShow": false,
        "axisLabelFontSize": 25,
        "nameFontSize": 20,
        "valueFontSize": 30,
        "nameColor": "",
        "lineColor": "#eee",
        "barColor": [
          {
            "color1": "rgba(154, 168, 212, 1)",
            "postion": "0.2",
          },
          {
            "color1": "#23B7E5",
            "postion": "0.8",
          },
          {
            "color1": "#564AA3",
            "postion": "1",
          }
        ]
      },
    },
  }, {
    label: '字符云',
    option: {
      "title": "字符云",
      "name": "字符云",
      "icon": "icon-wordCloud",
      "img": require('../assets/wordcloud.png'),
      "top": 725,
      "left": 3780,
      "dataType": 0,
      "dataMethod": 'get',
      "data": [{
        name: '三星',
        value: '1234'
      }, {
        name: '小米',
        value: '1234'
      }, {
        name: '华为',
        value: '1234'
      }, {
        name: 'oppo',
        value: '1234'
      }, {
        name: '抖音',
        value: '1234'
      }, {
        name: '快手',
        value: '1234'
      }, {
        name: '淘宝',
        value: '1234'
      }, {
        name: '百度',
        value: '1234'
      }, {
        name: '京东',
        value: '1234'
      }, {
        name: '天猫',
        value: '1234'
      }, {
        name: '字符1',
        value: '1234'
      }, {
        name: '字符1',
        value: '1234'
      }],
      "dataFormatter": "",
      "time": 5000,
      "component": {
        "name": "wordcloud",
        "prop": "wordcloud",
        "width": 600,
        "height": 300,
      },
      option: {
        minFontSize: 30,
        maxFontSize: 80,
        split: 30,
        rotate: true,
      }
    }
  }]
}, {
  "label": '表格',
  "icon": 'el-icon-date',
  "children": [{
    "label": '表格',
    "option": {
      "title": "表格",
      "name": "表格",
      "icon": 'icon-table',
      "img": require('../assets/table.png'),
      "top": 0,
      "left": 0,
      "dataType": 0,
      "data": [{
        "type1": '数据1',
        "type2": '数据2'
      }, {
        "type1": '数据1',
        "type2": '数据2'
      }],
      "dataFormatter": "",
      "component": {
        "width": 500,
        "height": 200,
        "name": "table",
        "prop": "table",
      },
      "option": {
        headerBackground: 'rgba(0, 0, 0, 0.01)',
        headerColor: 'rgba(154, 168, 212, 1)',
        headerTextAlign: 'center',
        bodyBackground: 'rgba(0, 0, 0, 0.01)',
        bodyColor: 'rgba(154, 168, 212, 1)',
        borderColor: 'rgba(51, 65, 107, 1)',
        bodyTextAlign: 'center',
        "column": [
          {
            "label": "类型1",
            "prop": "type1"
          },
          {
            "label": "类型2",
            "prop": "type2"
          },
        ]
      }
    }
  }, {
    label: '选项卡',
    option: {
      "title": "选项卡",
      "name": "选项卡",
      "icon": "icon-tabs",
      "img": require('../assets/tabs.png'),
      "child": {
        "index": [],
        "paramName": ""
      },
      "dataFormatter": "",
      "dataType": 0,
      "data": [
        {
          "label": "选项卡1",
          "value": "1"
        },
        {
          "label": "选项卡2",
          "value": "2"
        }
      ],
      "component": {
        "width": 356.9128919860628,
        "height": 46.209059233449096,
        "name": "tabs",
        "prop": "tabs"
      },
      "option": {
        "type": 'tabs',
        "color": "#eee",
        "empColor": "#4dffff",
        "fontSize": 20,
        "split": 8,
        "empBackgroundImage": "",
        "backgroundImage": ""
      },
    },
  }]
}]